/** @type {import('tailwindcss').Config} */
export default {
  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
  darkMode: ["selector", '[data-theme="dark"]'],
  theme: {
    colors: ({ colors }) => ({
      inherit: colors.inherit,
      current: colors.current,
      transparent: colors.transparent,
      black: colors.black,
      white: colors.white,
      slate: colors.slate,
      gray: colors.gray,
      zinc: colors.zinc,
      neutral: colors.neutral,
      stone: colors.stone,
      red: colors.red,
      orange: colors.orange,
      amber: colors.amber,
      yellow: colors.yellow,
      lime: colors.lime,
      green: colors.green,
      emerald: colors.emerald,
      teal: colors.teal,
      cyan: colors.cyan,
      sky: colors.sky,
      blue: colors.blue,
      indigo: colors.indigo,
      violet: colors.violet,
      purple: colors.purple,
      fuchsia: colors.fuchsia,
      pink: colors.pink,
      rose: colors.rose,
    }),
    extend: {
      screens: {
        s: "320px",
        sm: "640px",
        md: "1200px",
        lg: "1920px",
      },
      boxShadow: {
        sm: "0 1px 8px 0 rgba(101, 119, 145, 0.1)",
        md: "0 2px 16px 0 rgba(101, 119, 145, 0.15)",
        lg: "0 8px 24px 0 rgba(101, 119, 145, 0.2)",
      },
      fontFamily: {
        mono: [
          "system-ui",
          "-apple-system",
          "JetBrainsMono",
          "Roboto",
          "Segoe UI",
          "Helvetica",
          "Microsoft Yahei",
          "PingFang SC",
          "sans-serif",
        ],
      },
      fontSize: {
        sm: ["0.75rem", { lineHeight: "1.4" }],
        base: ["0.875rem", { lineHeight: "1.4" }],
        lg: ["1rem", { lineHeight: "1.3" }],
        xl: ["1.125rem", { lineHeight: "1.3" }],
      },
      colors: {
        primary: "rgb(66, 66, 250)", // #4242FA
        "primary-hover": "rgb(66, 66, 250)",
        "primary-active": "rgb(66, 66, 250)",
        "primary-disabled": "rgb(120, 120, 250)", // #7979FA
        "primary-focus": "rgb(230, 0, 130)", // 辅助色 #E60082
        "primary-light": "rgb(200, 200, 250)", // #CCCCF9
        error: "#FB393A",
        "error-hover": "#DB0D0F",
        "error-active": "#DB0D0F",
        "error-disabled": "#FEC4C4",
        "error-focus": "#FFEDED",
        warning: "#F5A200",
        "warning-hover": "#CF8C0A",
        "warning-light": "#CF8C0A",
        "warning-active": "#CF8C0A",
        "warning-disabled": "#F6DFB3",
        "warning-focus": "#FFF7E8",
        success: "#08C27C",
        "success-hover": "#00B26F",
        "success-active": "#00B26F",
        "success-disabled": "#B3E8D4",
        "success-focus": "#EAFFF7",
        activity: "#FF7A00",
        "text-primary-1": "#151A23",
        "text-primary-2": "#323F54",
        "text-secondary": "#657791",
        "text-placeholder": "#94A7C1",
        "text-disabled": "#B4BECC",
        "text-anti": "#FFFFFF",
        "text-brand": "#0C50CD",
        link: "#0C50CD",
        "icon-dark": "#697C9A",
        "icon-light": "#D4DAE3",
        "bg-1": "#FFFFFF",
        "bg-1-hover": "#F1F7FF",
        "bg-2": "#F6F8FB",
        "bg-2-hover": "#ECF0F6",
        line: "#D4DAE3",
        "line-strong": "#E1E7F0",
        "line-weak": "#F0F3F7",
      },
    },
  },
  plugins: [require("@tailwindcss/forms"), require("daisyui")],
  nesting: true,
};
